<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>اضافة مورد</title>


<!---------------------for autocomplete--------------->
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-1.11.0.min.js');?>" ></script>
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-ui-1.10.4/js/jquery-ui-1.10.4.min.js');?>" ></script>
	<link href="<?php echo base_url("assets/css/jquery-ui.css")?>" rel="stylesheet" type="text/css" />
<!---------------------for form css ----------------------->
	<link href="<?php echo base_url("assets/css/pure.css")?>" rel="stylesheet" type="text/css" />
	 <link href="<?php echo base_url("assets/css/botton.css")?>" rel="stylesheet" type="text/css" />
<!---------------------for form validation ----------------------->
<script type="text/javascript" src="<?php echo base_url('assets/js/jquery.validate.js');?>" ></script>
<!---------------------for form mask input ----------------------->
<script type="text/javascript" src="<?php echo base_url('assets/js/jquery.mask.min.js');?>" ></script>


</head>
<body>
<?php
echo '<header>';
include_once('header.php');
echo '</header>';


$r2=$liste_fourn['rec'];  // list of all fournisseur for autocomplete
$r3=$liste_activite['rec']; // list of all activities for auto complete
$r4=$liste_banques['rec']; // list of all activities for auto complete

// ----- populate $liste_des_fournisseurs array for autocomplete ----- //
$liste_des_fournisseurs = array();
foreach ($r2 as $lf){
	array_push($liste_des_fournisseurs, $lf->nom);
}
// ----- populate $liste_des_activites array for autocomplete ----- //
$liste_des_activites = array();
foreach ($r3 as $lda){
	array_push($liste_des_activites, $lda->titre);
	
}

$liste_des_banques = array();
foreach ($r4 as $ldb){
	array_push($liste_des_banques, $ldb->nom);
	
}

if($errors){
 if(array_key_exists('nom',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل الاسم</label></div>');
   if(array_key_exists('numero',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل الرقم</label></div>');
	   if(array_key_exists('phone',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل الهاتف</label></div>');
	    if(array_key_exists('fax',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل الفاكس</label></div>');
		 if(array_key_exists('address',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل العنوان</label></div>');
		  if(array_key_exists('rc',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل السجل التجاري</label></div>');
		   if(array_key_exists('num_fiscale',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل الرقم الجبائي</label></div>');
		    if(array_key_exists('rib',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل التعريف البنكي</label></div>');
			 if(array_key_exists('type_activit',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل طبيعة النشاط</label></div>');
			  if(array_key_exists('email',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل البريد الالكتروني</label></div>');
			   if(array_key_exists('wilaya',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل الولاية</label></div>');
			    if(array_key_exists('banque',$errors)) echo('<div style="background-color: red"><label>خطأ في حقل تسجيل البنك</label></div>');
}
?>


<form id="fournisseur_frm" method="post" class="pure-form pure-form-stacked" action="<?php echo base_url('convention_crt/valider_ajout_fournisseur_pour_convention');?>">
    <fieldset>
        <legend style="font-size: 120%">اضافة مورد:</legend>

        <div class="pure-g">
		
		  <?php
		  if($tab!=0){
			 if(array_key_exists('nom',$tab))$nom=$tab['nom'];
			 else $nom=NULL;
			 } else $nom=NULL;
			 ?>
            <div class="pure-u-1 pure-u-md-1-3">
                <label for="nom">الاسم </label>
				<input id="nom" name='nom'  type="text" value="<?php echo($nom) ?>" >
            </div>
            
			  <?php
			  if($tab!=0){
			 if(array_key_exists('numero',$tab))$numero=$tab['numero'];
			 else $numero=NULL;
			 } else $numero=NULL;
			 ?>
            <div class="pure-u-1 pure-u-md-1-3">
                <label for="contact">  الرقم  </label>
                <input id="contact" name="numero" type="text" value="<?php echo($numero) ?>">
            </div>
			
			  <?php
			  if($tab!=0){
			 if(array_key_exists('phone',$tab))$phone=$tab['phone'];
			 else $phone=NULL;
			 }else $phone=NULL;
			 ?>
            <div class="pure-u-1 pure-u-md-1-3 ">
                <label for="phone">الهاتف </label>
                <input  class="ltr" name="phone" id="phone" type="text" value="<?php echo($phone) ?>" >
            </div>

          <!--  <div class="pure-u-1 pure-u-md-1-3 ">
                <label for="mobile"> النقال </label>
				<input class="ltr" name="mobile" id="mobile" type="text">
                <!--<input id="email" type="email" >
            </div>-->
             <?php
			 if($tab!=0){
			 if(array_key_exists('fax',$tab))$fax=$tab['fax'];
			 else $fax=NULL;
			 }else $fax=NULL;
			 ?>
            <div class="pure-u-1 pure-u-md-1-3 ">
                <label for="fax">الفاكس </label>
                <input class="ltr" name="fax" id="fax" type="text" value=" <?php echo($fax);?>">
            </div>
			
			  <?php
			  if($tab!=0){
			 if(array_key_exists('address',$tab))$address=$tab['address'];
			 else $address=NULL;
			 }else $address=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="address">العنوان  </label>
                <input id="address" name="address" type="text" value="<?php echo($address) ?>">
            </div>
			
			  <?php
			  if($tab!=0){
			 if(array_key_exists('rc',$tab))$rc=$tab['rc'];
			 else $rc=NULL;
			 }else $rc=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="rc"> السجل التجاري/autre  </label>
                <input  class="ltr" name="rc" id="rc" type="text"   value="<?php echo($rc) ?>">
            </div>
			
			  <?php
			  if($tab!=0){
			 if(array_key_exists('num_fiscale',$tab))$num_fiscale=$tab['num_fiscale'];
			 else $num_fiscale=NULL;
			 }else $num_fiscale=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="rc"> الرقم الجبائي/autre  </label>
                <input  class="ltr" name="num_fiscale" id="nif" type="text"  value="<?php echo($num_fiscale) ?>" >
            </div>
			
			  <?php
			  if($tab!=0){
			 if(array_key_exists('rib',$tab))$rib=$tab['rib'];
			 else $rib=NULL;
			 }else $rib=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="rib"> رقم الحساب  البنكي  </label>
                <input   class="ltr"  name="rib" id="rib" type="text" value="<?php echo($rib) ?>">
            </div>
			
			
			
			  <?php
			  if($tab!=0){
			 if(array_key_exists('email',$tab))$email=$tab['email'];
			 else $email=NULL;
			 }else $email=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="email"> البريد الإلكتروني  </label>
                <input  class="ltr" name="email" id="email" type="email" value="<?php echo($email) ?>" >
            </div>
			
			
			  <?php
			  if($tab!=0){
			 if(array_key_exists('wilaya',$tab))$wilaya=$tab['wilaya'];
			 else $wilaya=NULL;
			 }else$wilaya=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="wilaya"> رقم الولاية  </label>
                <input id="wilaya" name="wilaya" type="text" value="<?php echo($wilaya) ?>">
            </div>
			
			  <?php
			  if($tab!=0){
			 if(array_key_exists('type_activit',$tab))$type_activit=$tab['type_activit'];
			 else $type_activit=NULL;
			 }else $type_activit=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="type_activit">  طبيعة النشاط</label>
                <input id="type_activit" name="type_activit" type="text" value="<?php echo($type_activit) ?>">
            </div>
			
			  <?php
			  if($tab!=0){
			  	
			 if(array_key_exists('banque',$tab))$banque=$tab['banque'];
			 else $banque=NULL;
			 } else $banque=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="banque">  التوطين البنكي </label>
                <input id="banque" name="banque" type="text" value="<?php echo($banque) ?>">
            </div>
			
			 <?php
			  if($tab!=0){
			  	
			 if(array_key_exists('adress_banque',$tab))$adress_banque=$tab['adress_banque'];
			 else $adress_banque=NULL;
			 } else $adress_banque=NULL;
			 ?>
			<div class="pure-u-1 pure-u-md-1-3">
                <label for="banque"> عنوان   البنك </label>
                <input id="adress_banque" name="adress_banque" type="text" value="<?php echo($adress_banque) ?>">
            </div>
        </div>

      

        <button type="submit" id="submit_btn" class="pure-button pure-button-primary">اضافة</button>
		<?php echo('<a href="'. base_url('convention_crt/').'" class="pure-button pure-button-primary">خروج</a> '); ?>
    </fieldset>
</form>


</body>
<script>
$(function() {
	

var liste_fourniss = <?php echo json_encode($liste_des_fournisseurs); ?>;
var liste_activites = <?php echo json_encode($liste_des_activites); ?>;
var liste_banques = <?php echo json_encode($liste_des_banques); ?>;

$( "#nom" ).autocomplete({source: liste_fourniss});
$( "#type_activit" ).autocomplete({source: liste_activites});
$( "#banque" ).autocomplete({source: liste_banques});


});

//---

$('#submit_btn').click(function() {
  if($("[class^=error]").is(":visible")){
    alert('منالك حقل / حقول إدخال غير مطابقة !');
    return false;
  } else {
  	$('#fournisseur_frm').submit();
    return false;
  }
});


$('#rc').bind('mouseup keyup focusout focus mousemove',function() {
    $('span.error-rc').hide();
	$(this).css('background-color','pink');
    var inputVal = $(this).val();
    var characterReg = /^([a-zA-Z0-9,-\/]{7,25})$/;
   // var characterReg = /^([0-9]{2}\/[0-9]{2}-[0-9]{5,9}[a-zA-Z][0-9]{2})$/;
	
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error-rc" flag="required" style="color:red;" >حقل غير مطابق للشكل العام </span>');
    }else{
		$(this).css('background-color','#FFFFFF');
	}
});

$('#nif').bind('mouseup keyup focusout focus mousemove',function() {
    $('span.error-rc').hide();
	$(this).css('background-color','pink');
    var inputVal = $(this).val();
    var characterReg = /^([a-zA-Z0-9,-\/]{7,25})$/;
   // var characterReg = /^([0-9]{2}\/[0-9]{2}-[0-9]{5,9}[a-zA-Z][0-9]{2})$/;
	
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error-rc" flag="required" style="color:red;" >حقل غير مطابق للشكل العام </span>');
    }else{
		$(this).css('background-color','#FFFFFF');
	}
});

//---
$('#rib').bind('mouseup keyup focusout focus mousemove',function() {
   $('span.error-rc').hide();
	$(this).css('background-color','pink');
    var inputVal = $(this).val();
    var characterReg = /^([a-zA-Z0-9,-\/]{7,25})$/;
   // var characterReg = /^([0-9]{2}\/[0-9]{2}-[0-9]{5,9}[a-zA-Z][0-9]{2})$/;
	
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error-rc" flag="required" style="color:red;" >حقل غير مطابق للشكل العام </span>');
    }else{
		$(this).css('background-color','#FFFFFF');
	}
});

$('#nom').bind('mouseup keyup focusout focus mousemove',function() {
    $('span.error-nom').hide();
	$(this).css('background-color','pink');
    var inputVal = $(this).val();
   // var characterReg = /^(\d{3}-\d{5}-\d{10}-\d{2})$/;
	 var characterReg = /^([a-zA-Zا-ي._%-\s]{1,30})$/;
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error-nom" style="color:red;" >حقل غير مطابق للشكل العام </span>');
    }else{
		$(this).css('background-color','#FFFFFF');
	}
});

$('#wilaya').bind('mouseup keyup focusout focus mousemove',function() {
    $('span.error-wilaya').hide();
	$(this).css('background-color','pink');
    var inputVal = $(this).val();
   // var characterReg = /^(\d{3}-\d{5}-\d{10}-\d{2})$/;
	 var characterReg = /^([0-9]{1,2})$/;
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error-wilaya" style="color:red;" >حقل غير مطابق للشكل العام </span>');
    }else{
		$(this).css('background-color','#FFFFFF');
	}
});

$('#phone').bind('mouseup keyup focusout focus mousemove',function() {
    $('span.error-phone').hide();
	$(this).css('background-color','pink');
    var inputVal = $(this).val();
	 var characterReg = /^([0-9]{7,16})$/;
    //var characterReg = /^(\(\d{3}\)-\d{2}-\d{2}-\d{2})$/;
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error-phone" style="color:red;" >حقل غير مطابق للشكل العام </span>');
    }else{
		$(this).css('background-color','#FFFFFF');
	}
});

$('#mobile').bind('mouseup keyup focusout focus mousemove',function() {
    $('span.error-mobile').hide();
	$(this).css('background-color','pink');
    var inputVal = $(this).val();
	 var characterReg = /^([0-9]{7,16})$/;
    //var characterReg = /^(\(\d{4}\)-\d{2}-\d{2}-\d{2})$/;
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error-mobile" style="color:red;" >حقل غير مطابق للشكل العام </span>');
    }else{
		$(this).css('background-color','#FFFFFF');
	}
});
/*
$('#email').bind('mouseup keyup focusout focus mousemove',function() {
    $('span.error-email').hide();
	$(this).css('background-color','pink');
    var inputVal = $(this).val();
    var characterReg = /^(\b[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}\b)$/;
    if(!characterReg.test(inputVal)) {
        $(this).after('<span class="error-email" style="color:red;" >حقل غير مطابق للشكل العام </span>');
    }else{
		$(this).css('background-color','#FFFFFF');
	}
});
*/


//---* maskage below 
/*$('#rc').mask('AA/AA-AAAAAOOOODAA', {'translation': {
                                        A: {pattern: /[0-9]/},
										O: {pattern: /[0-9]/, optional: true},
										D: {pattern: /[a-zA-Z]/}
                                      }
                                });

$('#rib').mask('000-00000-0000000000-00');
$('#phone').mask('(A00)-00-00-00',{'translation': { A: {pattern: /[0]/} } });
$('#mobile').mask('(AB00)-00-00-00',{'translation': { A: {pattern: /[0]/},B: {pattern: /[5,6,7]/} } }); // nedjma djeezy et mobilis 							
$('#fax').mask('(A00)-00-00-00',{'translation': { A: {pattern: /[0]/} } });

*/

</script>
</html>